<template>
	<view class="flex-column">
		<uni-nav-bar height="80rpx" left-icon='left' @clickLeft="goBack" :statusBar='true' title="新消息"></uni-nav-bar>
		<view class="flex-column row-gap-10">
			<user-item username="rose" fullname="rose_are_roise" :showFllower="false">
				<template #right>
					<checkbox @click="check" :checked="true"></checkbox>
				</template>
			</user-item>
		</view>
		<view class="stick flex center bg-gray2 w100">
			<u-button type="primary" text="完成" :disabled="disabled"></u-button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				disabled:false
			}
		},
		methods:{
			check(){
				console.log("选中了");
			},
			goBack(){
				uni.navigateBack({
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	
	.quato{
		width: 42rpx;
		height: 42rpx;
	}
	
	.border{
		border: 2rpx solid #aaa;
	}
</style>